<template>
	<view class="dilToast" :style="{ '--titleSize': fontSize }">
		<view class="icon">
			<!-- <uni-icons type="error" :size="iconSize"></uni-icons> -->
		</view>
		<view class="title">
			<text class="title">{{ title }}</text>
		</view>
	</view>
</template>

<script>
export default {
	name: 'dil-toast',
	data() {
		return {
			// fontSize: '60px'
		};
	},
	props: {
		title: {
			default: '暂无提示',
			type: String
		},
		iconSize: {
			default: 30,
			type: Number
		},
		fontSize: {
			default: '26px',
			type: String
		}
	}
};
</script>

<style lang="scss" scoped>
.dilToast {
	z-index: 100;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #555555;
	width: 100%;
	border-radius: 20rpx;
	.icon {
		color: '#fff';
	}
	.title {
		margin: 20rpx;
		font-size: var(--titleSize);
		color: #ffffff;
	}
}
</style>
